<script>
import Swiper from './Swiper.vue'
import Search from '@/components/Search.vue'
import HotCate from './HotCate.vue'
import Top10 from './Top10.vue'

export default {
  components: {
    Swiper,
    Search,
    HotCate,
    Top10
  }
}
</script>

<template>
  <div>
    <header>美食大全</header>
    <Swiper></Swiper>
    <Search
      :has-border="false"
      inner-bg="#eee"
      outer-bg="#fff"
    ></Search>
    <HotCate></HotCate>
    <Top10></Top10>
  </div>
</template>

<style lang="scss" scoped>

</style>
